<template>
  <div className="app-container">
    <el-card>
      <el-tabs v-model="activeTab">
        <el-tab-pane label="故障综合查询模块" name="Search">
          <search
            v-if="activeTab === 'Search'"
          />
        </el-tab-pane>
        <el-tab-pane label="机组综合查询模块" name="Show">
          <show
            v-if="activeTab === 'Show'"
          />
        </el-tab-pane>
        <el-tab-pane label="故障分析" name="FaultAnalysis">
          <fault-analysis
            v-if="activeTab === 'FaultAnalysis'"
          />
        </el-tab-pane>
        <el-tab-pane label="备件消耗分析" name="SPAnalysis">
          <s-p-analysis
            v-if="activeTab === 'SPAnalysis'"
          />
        </el-tab-pane>
        <el-tab-pane label="经济性分析" name="ExAnalysis">
          <ex-analysis
            v-if="activeTab === 'ExAnalysis'"
          />
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script>
import Show from '@/views/search/components/show'
import Search from '@/views/search/components/search'
import FaultAnalysis from '@/views/search/components/fault'
import SPAnalysis from '@/views/search/components/spareparts'
import ExAnalysis from '@/views/search/components/expenses'

export default {
  name: 'Index',
  components: { Search, Show, FaultAnalysis, SPAnalysis, ExAnalysis },
  data() {
    return {
      activeTab: 'Search'
    }
  },
  methods: {}
}
</script>

<style scoped>

</style>
